!body_bg_color = #d7d7d7
!typelink_font_color = #24C
!header_bg_color = #111
!header_border_btm_color = #999
!logo_text_color = #FC4
!main_nav_li_font_color = #FBA500
!main_nav_li_typelink_color = #A86
!main_content_h2_span_font_color = #999
!main_content_border_color = #CCC
!main_content_border_btm_color = #BBB
!main_content_recipe_font_color = #444
!main_content_form_label_font_color = #666
!main_content_form_row_border_top_color = #CCC
!main_content_bg_color = #FFF
!side_content_bg_color = #E0E7E0
!side_content_h3_bg_color = #F5ECD3
!side_content_h3_font_color = #BC7428
!side_content_font_color = #282
!side_content_ul_span_font_color = #999
!footer_font_color = #333
!radius = 10px
!pages_top_padding = 1.5em
!article_list_bg_color = #EEE
!article_title_span_left_font_color = #636363
!article_title_span_article_id_left_font_color = #CCC
!article_title_span_right_font_color = #CCC
!article_summary_border_top_color = #BCBCBC
!stickied_article_title_span_font_color = #B5C8A1
!stickied_article_title_left_span_font_color = #416801
!stickied_article_list_bg_color = #D1E9BA
!article_text_border_color = #BCBCBC
!article_text_strong_font_color = #333
!article_text_strong_bg_color = #CF9
!article_source_bg_color = #121212
!article_text_em_font_color = #8B0477
!ajax_successful_bgc = #F3F7AA
!ajax_successful_font_color = #D1A532
!ajax_successful_border_color = #D7E059
!lines_warp_span_bg_color = #121212
!lines_warp_span_border_color = #222
!lines_warp_span_font_color = #666
!ui_state_highlight_bg_color = #FBF9EE

=main-content-right-bottom
  :color #BBB
  :width 4px
  
=blue-radius(!radius)
  border-radius = !radius
  -moz-border-radius = !radius
  -webkit-border-radius = !radius
  
=link-btn
  :padding 0 15px
  :margin-right 20px
  :float left
  :border solid #CCC 1px
  +blue-radius
  :background #fff url("/images/btn.png") repeat-x left bottom
  :text
    :decoration none
  :color #222
  :outline none
    
=link-btn-span 
  :display block  
  :line-height 20px            
  :text
    :indent 25px
    
=remove-content    
  +link-btn
  span
    +link-btn-span
    :background url("/images/icons/font_delete.png") no-repeat left center            
=remove-source
  +link-btn
  span
    +link-btn-span
    :background url("/images/icons/html_delete.png") no-repeat left center            
=pages(!pages_top_padding)
  :padding 1em 0
    :top = !pages_top_padding
  :font-size 11px
  :color #999
=article_list(!article_list_bg_color)
  :margin-bottom 1.5em
  :padding .5em 1em
  :font-size 12px
  :background-color = !article_list_bg_color
=article_summary(!article_summary_h, !article_summary_w)
  :padding
    :top = !article_summary_h
    :bottom = !article_summary_h
    :left = !article_summary_w
    :right = !article_summary_w
  :color #666
  :line-height 1.5em 
=article_text
  :border
    :top
      :style dashed
      :color = !article_text_border_color
      :width 1px
    :bottom
      :style dashed
      :color = !article_text_border_color
      :width 1px
=article_list_for_sort
  li   
    :margin-left 10px        
    :padding-left 22px        
    :list-style none
  >li
    :padding-bottom 10px
    :font
      :size 14px
      :weight bold
    :line-height 2em
    :color = !main_content_recipe_font_color
    :background url("/images/icons/ruby.png") no-repeat left .5em
    :border-top 1px dashed #DDD
  ul
    li
      :display block
      :margin-left 0
      :padding-left 16px    
      :height 20px        
      :font
        :size 12px
        :weight normal
      :line-height 20px
      :background url("/images/icons/bullet_green.png") no-repeat left center
      a
        &:link
          :text-decoration none
        &:hover
          :text-decoration underline
      &.ui-state-highlight
        :border-width 0
        :background = !ui_state_highlight_bg_color